<template>
  <div class="background" ref="card">
    <a-card class="card">
      <div>
        <div style="text-align: center; padding-top: 16px;">
          <img :src="logo" width="300" style="margin-top: -6px; margin-bottom: 5px; cursor: pointer;" @click="backIndex" />
        </div>
      <!-- 
          <div class="title" style="margin: 0;">
              <span style="cursor: pointer;" @click="backIndex">温州励鑫</span>
            </div>
          <div style="text-align: center; font-size: 16px; color: #666; margin-bottom: 24px;">快捷 - 专业 - 服务 - 信赖</div> 
          -->
      </div>
      <router-view />
    </a-card>
  </div>
</template>

<script>
  export default {
    name: 'UserLayout',
    data() {
      return {
        logo: require('@/assets/logo.png'),
      }
    },
    methods: {
      backIndex() {
        // window.open('http://www.haioucloud.com', '_self');
        window.open('http://124.222.68.119:8088/', '_self');
      },
    },
  }
</script>

<style scoped>
  .card {
    width: 580px;
    border-radius: 8px;
    padding-bottom: 64px;
    margin: auto;
  }

  .background {
    min-height: 100%;
    padding: 10vh 0;
    background: #f0f2f5 url('~@/assets/background.svg') no-repeat 50%;
  }

  .title {
    text-align: center;
    font-size: 32px;
    color: #1890ff;
    margin-top: 8px;
    font-weight: bold;
  }
</style>